<template>
	<div class="orderdetail">
		<div class='head'>
            <p class='title-icon'>
            	<a class='iconfont icon-jiantouzuo' href="javascript:history.go(-1)"></a>
            </p>
            <p class="title-text">清粥小菜</p>
            <p class="title-null"></p>
        </div>
        <div class="info-box order-info">
        	<p class="info-title">订单信息</p>
        	<div class="info-content">
        		<p>
        			<span class="info-gray">发货</span><span class="info-black">清粥小菜</span>
        		</p>
        		<p>
        			<span class="info-black location">遂宁市香林南路19号</span>
        			<span class="info-fars">距收货1.5千米</span>
        		</p>
        		<p>
        			<span class="info-gray">收货</span><span class="info-black">天府大道中段幸福小区19号</span>
        		</p>
        		<p>
        			<span class="info-gray">货物</span><span class="info-black">食物</span>
        		</p>
        	</div>
        </div>
        <div class="info-box delivery-info">
        	<p class="info-title">配送说明</p>
        	<div class="info-content">
        		<p>
        			<span class="iconfont icon icon-dingwei info-gray"></span>
        			<span class="info-far">距你800米</span>
        		</p>
        		<p>
        			<span class="iconfont icon icon-anonymous-iconfont info-gray"></span>
        			<span>收入 ￥8.00元</span>
        		</p>
        		<p>
        			<span class="iconfont icon icon-jinlingyingcaiwangtubiao74 info-gray"></span>
        			<span>取货  今天11:30</span>
        		</p>
        	</div>
        </div>
        <div class="info-box ohter-info">
        	<p class="info-title">其他信息</p>
        	<div class="info-content">
        		<p>
        			<span class="info-gray">订单编号</span>
        			<span>124526328</span>
        		</p>
        		<p>
        			<span class="info-gray">联系商家</span>
        			<span>13202100342</span>
        		</p>
        	</div>
        </div>
        <div class="info-form">
        		<p class="info-submit">
        			<router-link to='/PayDeposit'>抢单</router-link></p>
        	</div>
	</div>
</template>
	
<script>
</script>

<style scoped>
	.info-box{
		background-color: white;
		padding: 2px 0px 2px 0px;
		margin-top: 5px;
	}
	.info-box > p,.info-box >div >p{
		height: 40px;
		line-height: 40px;
		padding: 0px 15px 0px 15px;
		margin:0px;
	}
	.info-gray{
		color: #CCCCCC;
		margin-right: 10px;
		width:30px;
	}
	.location{
		margin-left: 40px;
	}
	.info-title{
		color:#cccccc;
		border-bottom: 1px #ebebeb solid;
	}
	.icon{
		font-size: 1.2rem;
	}
	.info-fars{
		color: #71B4EB;
		margin-left: 15px;
	}
	.info-form{
		margin-top: 40px;
	}
	.info-submit{
		width: 96%;
		margin: o auto;
	}
</style>